html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 10rem;
  height: 21.654rem;
  overflow: hidden;
}

.bd1 {
  z-index: 2;
  height: 21.654rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPng87801afba7eadaaf0c1594123d0c025d8f79346ae03987737e0d5407eb535e1f.png)
    0rem 0rem no-repeat;
  background-size: 10.027rem 21.68rem;
  width: 10rem;
  position: relative;
}

.main1 {
  width: 8.747rem;
  height: 0.32rem;
  margin: 0.48rem 0 0 0.88rem;
}

.box1 {
  width: 0.774rem;
  height: 0.294rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPng9428148c5652a72a27ebb6f11f115fb55d7f4d2c726d2c983546b297787cb96a.png)
    0rem 0rem no-repeat;
  background-size: 0.8rem 0.32rem;
  margin-top: 0.027rem;
}

.box2 {
  width: 0.454rem;
  height: 0.294rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPngd58586dd113754b5c0ddeaee3881289bc03777da10010268c74bcffccf510d79.png)
    100% no-repeat;
  margin-left: 6.187rem;
}

.box3 {
  width: 0.4rem;
  height: 0.294rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPng307392f61fe8d8006a33ff58f3ec08973184e637a049cbe89ea5bd0bc53ced9c.png)
    0rem 0.027rem no-repeat;
  background-size: 0.427rem 0.294rem;
  margin-left: 0.16rem;
}

.box4 {
  width: 0.64rem;
  height: 0.267rem;
  background: url(/static/lanhu_zhuzaozuopin/9484aace1fec435dac25d09b03336a80_mergeImage.png)
    100% no-repeat;
  margin: 0.027rem 0 0 0.134rem;
}

.main2 {
  width: 1.494rem;
  height: 0.534rem;
  margin: 10.16rem 0 0 0.88rem;
}

.info1 {
  width: 1.494rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  display: block;
}

.main3 {
  width: 2.48rem;
  height: 0.667rem;
  margin: 0.08rem 0 0 0.88rem;
}

.main4 {
  width: 2.48rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.word1 {
  width: 2.48rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.info2 {
  width: 2.48rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: HelveticaNeue;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.main5 {
  width: 1.12rem;
  height: 0.534rem;
  margin: 0.8rem 0 0 0.88rem;
}

.info3 {
  width: 1.12rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  display: block;
}

.main6 {
  width: 2.96rem;
  height: 0.667rem;
  margin: 0.08rem 0 0 0.88rem;
}

.layer1 {
  width: 2.96rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: HelveticaNeue;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.word2 {
  width: 2.96rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: HelveticaNeue;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.txt1 {
  width: 2.96rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
}

.main7 {
  width: 1.494rem;
  height: 0.534rem;
  margin: 0.8rem 0 0 0.88rem;
}

.info4 {
  width: 1.494rem;
  height: 0.534rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.373rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.534rem;
  display: block;
}

.main8 {
  width: 6.32rem;
  height: 0.667rem;
  margin: 0.134rem 0 5.2rem 0.88rem;
}

.word3 {
  width: 6.32rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  display: block;
}

.main9 {
  z-index: 33;
  height: 21.654rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPng5a77049e72450a78a06999ab3a69f4d7eb0460ff888ba257dff019ff787e7ef9.png)
    100% no-repeat;
  width: 10rem;
  position: absolute;
  left: 0.027rem;
  top: 0.32rem;
}

.block1 {
  width: 8.454rem;
  height: 18.8rem;
  margin: 1.52rem 0 0 0.8rem;
}

.section1 {
  width: 0.614rem;
  height: 0.427rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPngf894e5b645b6e86dbfbb88509a0a83512b6b3ab587f1c541a99fee7480feea30.png)
    0rem 0rem no-repeat;
  background-size: 0.64rem 0.454rem;
  margin-left: 0.027rem;
}

.TextGroup1 {
  width: 8.454rem;
  height: 2.107rem;
  margin-top: 0.667rem;
}

.info5 {
  width: 2.454rem;
  height: 0.854rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.613rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 0.854rem;
  display: block;
}

.txt2 {
  width: 8.374rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.293rem;
  text-align: left;
  line-height: 0.427rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0.427rem 0 0 0.08rem;
}

.section2 {
  width: 8.454rem;
  height: 4.427rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPngd28c4176345a3174d2bed6bf85dcdddcb4e899515e5494fc36566df899660c21.png) -0.64rem -0.054rem
    no-repeat;
  background-size: 9.734rem 5.734rem;
  margin-top: 0.694rem;
}

.Button1 {
  height: 1.467rem;
  background: url(/static/lanhu_zhuzaozuopin/SketchPng2c25c15d6ce1e1367d35c7c282c0b2374acdbc415b66e8cdb69f59c98b6e91d9.png)
    0rem 0rem no-repeat;
  background-size: 8.427rem 1.494rem;
  margin-top: 9.014rem;
  width: 8.427rem;
}

.info6 {
  width: 1.707rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(28, 34, 56, 1);
  font-size: 0.426rem;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
  margin: 0.427rem 0 0 3.36rem;
}
